<template>
	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>卡管家</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<swiper :list="imgList" :show-dots="false" loop auto :aspect-ratio="0.3" :show-desc-mask="false" dots-position="right" dots-class="custom-bottom"></swiper>
		<div class="stewardship_title">
			<p>第三方服务</p>
		</div>
		<div class="stewardship_content">
			<ul>
				<!-- <li>
					<router-link to="mycard">
					<i class="iconfont col_5">&#xe6b3;</i>
					<p>我的银行卡</p>
					</router-link>
				</li>
				<li>
					<router-link to="addcard">
					<i class="iconfont col_6">&#xe643;</i>
					<p>添加银行卡</p>
					</router-link>
				</li> -->
				<li>
					<router-link to="creditcard">
					<i class="iconfont col_8">&#xe60d;</i>
					<p>申请信用卡</p>
					</router-link>
				</li>
				<li>
					<router-link to="cardpayment">
					<i class="iconfont col_9">&#xe65d;</i>
					<p>信用卡还款</p>
					</router-link>
				</li>
				<li>
					<router-link to="record">
					<i class="iconfont col_7">&#xe667;</i>
					<p>账单信息</p>
					</router-link>
				</li>
			</ul>
		</div>
		
	</body>
</template>

<script>
export default {
	data() {
		return {
			imgList: []
		}
	},
	created() {
		this.queryImg()
	},
	methods: {
		queryImg() {
			this.$http.get('/app/index/carousel', {
				params: { page: 'stewardship' }
			}).then(json => {
				const { code, carousel } = json
				if (code === 0) {
					carousel.forEach(n => {
						this.imgList.push({
							url: n.url,
							img: n.imgPath
						})
					})
				}
			})
		}
	}
}
</script>

<style>
	.vux-slider > .vux-indicator, .vux-slider .vux-indicator-right{
		bottom: -0.5rem !important;
	}
</style>